<template>
	<view class="content">
		<navigator url="./check-list" class="nav">
			<view class="func check-bg">
				<view class="text">寻人信息审核</view>
				<view class="icon">
					<image src="../../../static/check-img/check-icon.png"></image>
				</view>
			</view>
		</navigator>
		<navigator url="./sgc-list" class="nav">
			<view class="func sgc-bg">
				<view class="text">认证审核</view>
				<view class="icon">
					<image src="../../../static/check-img/sgc-icon.png"></image>
				</view>
			</view>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		}
	}
</script>

<style lang="scss">
	.content {
		display: flex;
		justify-content: start;
		flex-wrap: wrap;
		padding-top: 40rpx;
		.nav {
			width: 46%;
			height: 160rpx;
			margin: 0 2% 10rpx;
		}
		.func {
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: space-around;
			box-sizing: border-box;
			border-radius: 5rpx;
		}
		.check-bg {
			background: url(../../../static/check-img/check-bg.png) no-repeat;
			background-size: 100% 160rpx;
		}
		.sgc-bg {
			background: url(../../../static/check-img/sgc-bg.png) no-repeat;
			background-size: 100% 160rpx;
		}
		.text {
			color: #FFFFFF;
			margin-top: 50rpx;
		}
		.icon {
			width: 60rpx;
			height: 60rpx;
			margin-top: 40rpx;
			image {
				width: 100%;
				height: 100%;
			}
		}
	}
	
</style>
